@import "./utils/variables";
@import "./utils/mixins";
body {
	background-color: #e4e3e3;
}
.page-basket {
	padding-bottom: 60px;
	.content {
		background-color: #e4e3e3;
		.name {
			padding: 0 5%;
			background-color :#fff;
			.title {
				font-size: 1.15rem;
				font-weight :bold;
				display: inline-block;
				padding:18px 0;
			}
			.del {
				display: inline-block;
				color: $color-black-light;
				padding:18px 0;
			}
		}
		.material {
			background-color: #fff;
			overflow: hidden;
			margin-bottom: 20px;
			.items {
				width: 100%;
				font-size: 0;
				padding: 0 8% ;
				.item {
					padding: 10px 0;
					width: 50%;
					font-size: $font-size-big;
					display: inline-block;
					text-align : center;
					border-top:1px solid $color-gray;
					&:nth-child(odd) {
						border-right:1px solid $color-gray;
					}
					.title{
						display :inline-block;
					}
				}
			}
			.choose {
				margin-left 6px;
			}
		}

		.icon-choose {
			visibility hidden;
			&.visiable {
				visibility visible;
			}
		}
	}

	.empty{
		background-color :#ff970f;
		color: #fff;
		width: 30%;
		margin: 20px auto 20px auto;
		padding: 15px 0;
		text-align: center;
		border-radius: 9px;
		display none;
	}

	.blank {
		display : none;
		text-align: center;
		padding-top: 10%;
	}
}